<template>
  <!-- Backgrounds -->

  <div id="login-bg" class="container-fluid">

    <div class="bg-img"></div>
    <div class="bg-color"></div>
  </div>

  <!-- End Backgrounds -->

  <div class="container" id="login">
    <div class="row justify-content-center">
      <div class="col-lg-8">
        <div class="login">

          <h1>登录</h1>

          <!-- Loging form -->
          <form>
            <div class="form-group">
              <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">

            </div>
            <div class="form-group">
              <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
            </div>

            <div class="form-check">



              <label class="forgot-password"><a href="#">忘记密码?</a></label>

            </div>

            <br>
            <button type="submit" class="btn btn-lg btn-block btn-success">登录</button>
          </form>
          <!-- End Loging form -->

        </div>>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data(){
return{

}
  },
  created() {

  },//created
  methods:{

  }
}

</script>


<style scoped>
@import "@/assets/styles.css";
@import "@/assets/bootstrap.min.css";
</style>